<div> 
    <t-calendar @confirm="onConfirmCalendar($event)"    
    :min-date="minDate"
    
    v-model:visible="visibleCalendar" 
    :value="dateValue" 
    :format="formatDateCalendar"  />  
    <t-popup v-model="visibleDatePicker" placement="bottom">
      <t-date-time-picker
        default-value="10:10"
        v-model="pickerValue"
        :mode="[null, 'minute']"
        title="选择日期"
        format="HH:mm"
        :renderLabel="formatDateDatePicker"  
        @confirm="onConfirmDatePicker" 
           @cancel="visibleDatePicker = false" 
      />
    </t-popup> 
    <t-popup v-model="visibleDivination" placement="bottom"> 
      <t-picker
        v-model="divinationValue"
        :columns="[divinationTypeOptions]"
        @confirm="onConfirmDivination"
        @cancel="visibleDivination = false" 
      />
    </t-popup> 
  <div class="popup" v-if="isShow"  >
      <img class="taiji" src="/src/assets/sixren/tj.png" alt="弹出层图片">
  </div> 
 </div>
 
<t-navbar title="江氏小六壬" :fixed="false"   />
 <div class="container"> 
   <t-form
   ref="form"  
   reset-type="initial"
   show-error-message
   label-align="left"
   scroll-to-first-error="auto" 
    @submit="onClickDivination"

 >
 <!-- help="起课事项" -->
   <t-form-item label="事由" name="textValue" >  
    <t-input v-model.trim="textValue" borderless content-align="right" placeholder="请填写起课事由"></t-input> 

   </t-form-item>
   <t-form-item arrow label="方式" name="divinationValue" content-align="right">
    <t-link class="date-link" arrow @click="visibleDivination = true" hover>   {{ dateFormatDivination(divinationValue) }}  </t-link>
   </t-form-item>
   <t-form-item v-if="divinationValue.indexOf(1) >-1" arrow label="日期" name="gender" content-align="right">
    <t-link class="date-link" arrow @click="visibleCalendar = true" hover> 
      {{ dateFormatCalendar(dateValue) }}  
        </t-link>   
   </t-form-item>
   <t-form-item arrow label="时辰" name="pickerValue" content-align="right">
    <t-link class="date-link" arrow @click="visibleDatePicker = true" hover> 
      {{ dateFormatDatePicker(pickerValue) }}
        </t-link> 
   </t-form-item>
<!-- 
   help="起课数字" -->
   <t-form-item  v-if="divinationValue.indexOf(3) >-1"    label="数字" name="numValue"> 
    <t-input  v-model.trim="numValue"  borderless   placeholder="请填写起课数字"  type="number" /> 
   </t-form-item>
   <div class="button-group"> 
    <!-- :disabled="textValue === ''||textValue==null" -->
    <t-button theme="primary"  type="submit" size="large"    @click="onClickDivination">起课</t-button>  
    <t-button theme="default"  type="reset" size="large"    @click="onClickViewList">起课记录</t-button>
  </div>
   
 </t-form>

   <!-- <t-row class="grid"  v-if="isDivination"   >
      <t-col span="8" v-for="(item, index) in sixKeysEle">
         <div class="tag-block"  :class="{ won:isStart ,one:item.One,two:item.Two}"> 
          <span class="liushen">{{item.sixGod}}</span>
          <span class="wuxin">{{item.stars}}</span>
          <span class="dizhi" v-if="item.dizhi">{{item.dizhi.name}}{{WuXingKeys[item.dizhi.wuXing]}}</span>
          <span class="liuqin">{{item.sixRelations}}</span> 
          <span class="luo" v-if="item.OneName||item.TwoName" >{{item.OneName}}{{item.TwoName}}</span>  
         <span class="palace">{{item.name}}</span>  
         <div class="five-elements"> 
        <div class="bagua" v-for="(bagua, index) in item.baguas"> 
          <span  class="yao" v-for="(yao, index) in bagua.trigram"  :class="{ yin:yao==0,yang:yao==1}"></span> 
       
         </div>  
  
        </div>


         <div class="wuxing"  :class="{ gold:item.wuxing==4 ,fire:item.wuxing==3,timber:item.wuxing==1
          ,water:item.wuxing==2
          ,soil:item.wuxing==0
        }"  v-if="item.dizhi" >{{WuXingKeys[item.wuxing]}} </div>
      </div> 
    </t-col> 
    </t-row>  -->
   <!-- <t-row class="footer">
      <t-col span="24" >大安: XXXXXXXXXXXXXX</t-col>
      <t-col span="24" >速喜: BBBBBBBBBBBBBBBB</t-col>
      <t-col span="24" >朱雀: XXXXXXXXXXXXXX</t-col>
      <t-col span="24" >西金: XXXXXXXXXXXXXX</t-col> 
    </t-row>   -->
  </div>